.hr-suggest-list{
  padding:0 10px;
  border-top:1px solid $light-border-color;
  border-bottom:1px solid $light-border-color;
  background-color: $list-background-color;
  .item-avatar {
    padding-left:87px;
    height:82px;
    padding-top:12px;
    border-left:0;
    border-right:0;
    img {
      top:9px;
      left:12px;
      max-height: 62px;
      max-width: 62px;
    }
    .icon-right{
      font-size:20px;
      right:0;
      color:#b1b1b1;
    }
    .ion-map:before{
      margin-right:5px;
    }
    .fl-right{
      float:right;
    }
    .title-text{
      font-size:$font-primary-normal;
      font-weight:300;
      color:$universally-text-color;
      margin:0;
      .title{
        float:left;
      }
      .list-title{
        height: 35px;
        margin-top:4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height:18px;
        font-size: $font-primary-normal;
        font-weight: 300;
        color: $universally-text-color;
      }
      .tag{
        float:left;
        margin-left: 15px;
        margin-top:1px;
        padding:0 7px;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        font-size:12px;
        line-height: 16px;
      }
      .new {
        border-color: $styleColor;
        background-color: $assistant-color;
        color:$styleColor;
      }
      .hot {
        border-color:$fail-color;
        background-color: $fail-background;
        color: $fail-color;
      }
    }
    .detail-text{
      margin-top:4px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size:$font-secondary-large;
      line-height:18px;
    }
    .schedule-content{
      flex:1;
      padding-top:10px;
      padding-bottom:10px;
      line-height: 40px;
    }
    .item-bottom{
      display:flex;
      margin-top:15px;
    }
    .list-name{
      font-size:$font-secondary-large;
    }
  }
  .p0{
    padding:0px !important;
  }
  .item-avatar:first-child{
    border-top:0;
    margin-top:1px;
  }
  .item-avatar:last-child{
    border-bottom:0;
    margin-bottom:1px;
  }
}
//.list-bottom{
//  .item-thumbnail-left{
//    padding-left: 126px;
//    padding-bottom:0px;
//  }
//  .list-title{
//    margin-top:4px;
//    overflow: hidden;
//    text-overflow: ellipsis;
//    display: -webkit-box;
//    white-space: normal;
//    -webkit-line-clamp: 2;
//    -webkit-box-orient: vertical;
//    line-height:18px;
//    height: 60px;
//    font-size: $font-primary-normal;
//    font-weight: 300;
//    color: $universally-text-color;
//  }
//  .list-img{
//    left: 15px !important;
//    max-width: 100px !important;
//  }
//  .ion-map:before{
//    margin-right:5px;
//  }
//  .item p{
//    font-size:$font-secondary-large;
//  }
//  .fl-right{
//    float:right;
//  }
//}
.list4 {
  margin-top: 10px;
  .row {
    margin-top: 10px;
  }
  .item {
    border: 0 !important;
    background-color: #FFF;
    height: 166px;
    margin: 10px 12px 0 12px;
    border-radius: 8px;
  }
  .product-name {
    font-size: $font-primary-large;
    padding-left: 5px;
  }
  .content {
    width: 49%;
  }
  .content p{
    padding-top: 6px;
  }
  .blue {
    color: rgb(33, 161, 235);
  }
  .policy-icon {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 2px;
  }
  .policy-icon.common {
    margin-top: 2px;
  }
  .policy-icon.person {
    margin-top: 3px;
  }
  .split-line {
    width: 1px;
    background-color: #e5e5e5;
    height: 36px;
    margin: 4% 4% 0 1%;
  }
  .split-area {
    width: 100%;
    margin-top: 14px;
  }
  .half-circle {
    border-radius: 13px;
    width: 26px;
    height: 26px;
    background-color: #f4f4f4;
    float: left;
    margin-left: -28px;
    margin-top: -13px;
  }
  .dashed-line {
    width: 100%;
    height: 0;
    border-top: 1px dashed #e5e5e5;
    margin-right: -10px;
  }
  .detail {
    margin-top: 13px;
    .number {
      float: left;
    }
    .custom {
      float: right;
    }
  }
  .fs15 {
    font-size: $font-primary-normal;
  }
  .fs14 {
    font-size: $font-pop-normal;
  }
  .finished, .unfinished { position: absolute; top: 0; right: 0; width: 48px; height: 48px; background-repeat: no-repeat; background-size: 100%; }
  .finished span, .unfinished span { display: block; margin-top: 6px; margin-left: 14px; font-size: 12px; color: #fff; transform: rotate(45deg); }
  .finished { background-image: url('../img/my/finished.png'); }
  .unfinished { background-image: url('../img/my/unfinished.png'); }
}
//.list5{
//  .hr-task-list{
//    padding:0 10px;
//    background: white;
//    margin-bottom:0px;
//    .item-divider{
//      font-size:$font-secondary-large;
//      margin-left:-11px;
//      margin-right:-11px;
//      padding-left:10px;
//      font-weight:normal;
//      color:#999999;
//    }
//    .item-avatar{
//      font-size:$font-secondary-large;
//      padding: 0px;
//      height: 60px;
//      border-left: 0;
//      border-right: 0;
//      display:flex;
//      min-height:60px;
//      line-height:60px;
//    }
//    .schedule-content{
//      flex:1;
//      padding-top:10px;
//      padding-bottom:10px;
//      line-height: 20px;
//    }
//    .item-bottom{
//      display:flex;
//      margin-top:5px;
//    }
//    .list-name{
//      font-size:$font-secondary-large;
//    }
//    .title-text{
//      font-weight:300;
//      font-size:$font-secondary-large;
//      color:$universally-text-color;
//      line-height: 20px;
//      margin:0;
//      .title{
//        float:left;
//      }
//      .tag{
//        float:left;
//        margin-left: 15px;
//        margin-top:1px;
//        padding:0 7px;
//        border-radius: 5px;
//        border-width: 1px;
//        border-style: solid;
//        font-size:12px;
//        line-height: 16px;
//      }
//      .new {
//        border-color: $styleColor;
//        background-color: $assistant-color;
//        color:$styleColor;
//      }
//      .hot {
//        border-color:$fail-color;
//        background-color: $fail-background;
//        color: $fail-color;
//      }
//    }
//    .item-avatar:first-child{
//      border-top:0;
//      margin-top:1px;
//    }
//    .item-avatar:last-child{
//      border-bottom:0;
//      margin-bottom:1px;
//    }
//  }
//}

